<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<!--[if lt IE 9]>
　　　　<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
　　<![endif]-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css?v=0.2&d=2016-11-08">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
<title>衣橱整理-介绍</title>
</head>
<body>
<div class="hgj">
  <div class="page-all"> 
    <!--头部开始-->
    <header>
      <div class="navbar">
        <ul>
          <li class="l-back">
          <a href="javascript:history.go(-1)" >
          <img src="${pageContext.request.contextPath}/images/left.png" alt="返回"/>
          </a>
          </li>
          <li class="n-word">衣橱整理</li>
          <li class="n-intro"></li>
        </ul>
      </div>
    </header>
    <!---内容开始--->
    <div class="container">
      <div class="clean-pic"><img src="${pageContext.request.contextPath}/images/yichu-banner.png"/></div>
      <div class="intro-bar">
        <div class="intro-bar-left">衣橱整理</div>
        <div class="intro-bar-right" style="padding-top:1rem;">单价：120/小时</div>
      </div>
      <!--服务内容-->
      <section class="sugg-time">
        <div class="sugg-title"><span class="list"></span><span class="list-word">服务内容</span></div>
        <div class="s-t-content">
          <p>衣橱整理是将衣物按照春夏秋冬季节、喜好程度、穿着频率、外形气质
            等将衣柜做出全新的归纳。并按照您的外形气质、生活习惯为您提出合理
            的衣物收纳方案，确保日后在衣物归纳及衣柜使用上更得心应手。</p>
        </div>
        <!--温馨提示--->
        <div class="sugg-title"><span class="list"></span><span class="list-word">温馨提示</span></div>
        <div class="s-t-content">
          <p>1、衣橱整理按小时收费，即服务后再收费。<br>
            2、衣橱整理师上门开始
            计时，服务完成后结束计时，最终费用按时间结算。<br>
            3、若出现服务不
            足一小时价格按120/小时折算成分钟再收费。<br>
            4、衣橱整理为特殊服务
            请在服务完成后线上填写反馈单，确保财务的安全性。</p>
        </div>
        <!--整理前后对比-->
         <div class="sugg-title"><span class="list"></span><span class="list-word">整理前后对比</span></div>
        <div class="s-t-content" style=" border:none;">
        <div class="s-t-img">
         <ul>
         <li class="st-imgl"><img src="${pageContext.request.contextPath}/images/wardrobe-01.png"/></li>
          <li class="st-imgr"><img src="${pageContext.request.contextPath}/images/wardrobe-02.png"/></li>
         </ul>      
        </div>
        </div>
        <!--整理后效果图-->
          <div class="sugg-title"><span class="list"></span><span class="list-word">整理后效果</span></div>
        <div class="s-t-content" style=" border:none;">
        <div class="s-t-img">
         <ul>
         <li class="st-imgl"><img src="${pageContext.request.contextPath}/images/wardrobe-03.png"/></li>
          <li class="st-imgr"><img src="${pageContext.request.contextPath}/images/wardrobe-04.png"/></li>
         </ul>      
        </div>
        </div>
        <!--预约流程-->
        <div class="sugg-title"><span class="list"></span><span class="list-word">预约流程</span></div> 
        <div class="st-step"><img src="${pageContext.request.contextPath}/images/order-step.png"/></div>
      </section>
    </div>
  </div>
  <footer>
  <form action="${pageContext.request.contextPath}/goods/buy.html" id="myForm" method="POST">
  	<a  class="order-now" href="#" onclick="checkContact();">立即预约</a>
    <input type="hidden" name="serviceType" id="serviceType" value="11"/>
    <input type="hidden" name="price"  id="price" value="120"/>
    </form>
  </footer>
</div>
<script type="text/javascript">
function checkContact(){
	$.ajax({
	 	url:"/members/checkContact.json",
		success: function(data){
			if(parseInt(data.info)==1){
				$('#myForm').submit();
			}
			if(parseInt(data.info)==0){
				window.location = "${pageContext.request.contextPath}/members/setUpContact.html";
			}  
		}
	});
}
</script>
</body>
</html>